<template>
  <div class="bg">
    <div style="font-size: 20px">修改主体类型</div>
    <div class="SubjectType">
      <div style="margin: 30px 0 0 30px">
        <div class="SubjectTypeBox">
          <div class="title">个体工商户</div>
          <div class="text">
            营业执照上的主体类型一般为个体户、个体工商户、个体经营
          </div>
          <el-button class="btn" @click="addPayAudit('SUBJECT_TYPE_INDIVIDUAL')">选择</el-button>
        </div>
        <div class="SubjectTypeBox">
          <div class="title">企业</div>
          <div class="text">
            营业执照上的主体类型一般为有限公司、有限责任公司
          </div>
          <el-button class="btn" @click="addPayAudit('SUBJECT_TYPE_ENTERPRISE')">选择</el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import {updatePayAuditType} from '@/api/applet/payAudit'

  export default {
//import 引入的组件需要注入到对象中才能使用
    components: {},
    props: {
      modificationTypeStr: {
        type: Boolean,
        default: true,
      },
      indexStr: {
        type: Boolean,
        default: true,
      },
      businessCodeStr:{
        type: String,
        default: '',
      }
    },
    data() {
//这里存数据
      return {
        form: {
          subjectType:""
        },
      };
    },
//计算属性
    computed: {},
//监控data中数据变化
    watch: {},
//方法
    methods: {
      addPayAudit(type) {
        this.form.subjectType = type
        updatePayAuditType(this.form,this.businessCodeStr).then((response) => {
          this.returnIndex()
        })
      },
      returnIndex() {
        this.$emit("update:modificationTypeStr", false);
        this.$emit("update:indexStr", true);
        this.$emit('getData', null)
        // location.reload();
      },
    },
//声明周期 - 创建完成（可以访问当前this实例）
    created() {

    },
//生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {

    },
    beforeCreate() {
    },//生命周期 - 创建之前
    beforeMount() {
    },//生命周期 - 挂载之前
    beforeUpdate() {
    },//声明周期 - 更新之前
    updated() {
    },//生命周期 - 更新之后
    beforeDestroy() {
    },//生命周期 - 销毁之前
    destroyed() {
    },//生命周期 - 销毁之后
    activated() {
    },//缓存keep-alive
  }
</script>
<style lang="scss" scoped>
  .bg {
    padding: 30px 120px;

    .SubjectType {
      width: 100%;
      height: 100%;
      box-shadow: 0 2px 4px rgba(0, 0, 0 , 12%), 0 0 6px rgba(0, 0, 0 , 4%);

      .SubjectTypeBox {
        background-color: #fff;
        width: 305px;
        height: 190px;
        border: 1px solid #e3e3e3;
        display: inline-block;
        margin: 20px;
        border-radius: 5px;

        .title {
          font-size: 14px;
          font-weight: bold;
          text-align: center;
          margin-top: 30px;
        }

        .text {
          width: 270px;
          font-size: 14px;
          text-align: center;
          color: #9e9996;
          margin: auto;
          margin-top: 15px;
        }

        .btn {
          background-color: #155bd4;
          color: #fff;
          width: 110px;
          position: relative;
          left: 50%;
          margin-left: -55px;
          top: 20px;
        }
      }
    }
  }
</style>
